#{extends 'main.html' /}
#{set title:'Início' /}
<div>
<center>
<img style="width: 1050px"  src="public/images/topo.png" /></center>
</div>
<div class="span12" >
		<div class="span3">
		<h3>Fique por dentro!</h3>
		<p style="text-align: center">
		<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fcceitclbi%3Ffref%3Dts&amp;width=270&amp;height=290&amp;show_faces=true&amp;colorscheme=dark&amp;stream=false&amp;border_color&amp;header=true" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:270px; height:290px;" allowTransparency="true"></iframe>
		<a class="twitter-timeline"  href="https://twitter.com/cceit_clbi"  data-widget-id="332619819495067648">Tweets de @cceit_clbi</a>
		<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
		</p>
		</div>
		
		<div class="span8" >
		<div class="hero-unit">
			<div id="myCarousel" class="carousel slide">
				<div class="carousel-inner">
				#{list noticias, as:'n'}
				#{if n_index==1}
				<div class="item active"><img style="height: 360px; width: 760px;" src="${n.conteudo}" />
				#{/if}
				#{else}
				    <div class="item"><img style="height: 360px; width: 760px;" src="${n.conteudo}" />
				#{/else}
				<div class="carousel-caption">
					<h4><a href="Noticia/noticia?id=${n.id}">${n.titulo}
					<br />Leia mais...</a></h4>				
				</div>
				</div>
				#{/list}
				</div>
			
				<a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
				<a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
			</div>
		</div>
		
		
		<div class="span2">
		<h4>Orgão financiador</h4>
		<p style="text-align: center">
		<a class="thumbnail" style="box-shadow: 1px 1px 1px border: 3px" target="blank_" href="http://www.aeb.gov.br/">
		<img alt="" src="/public/images/logomarca-aeb.png">
		</a>
		</p>
		</div>
		
		<div class="span2">
		<h4>Orgão executor</h4>
		<p style="text-align: center">
		<a class="thumbnail" style="box-shadow: 1px 1px 1px border: 3px" target="blank_" href="http://www.clbi.cta.br/new/index.php">
		<img alt="" src="/public/images/clbi.png">
		</a>
		</p>
		</div>
		
		<div class="span2">
		<h4>Um apoio</h4>
		<p style="text-align: center">
		<a class="thumbnail" style="box-shadow: 1px 1px 1px border: 3px" target="blank_" href="http://www.cnpq.br">
		<img alt="" src="/public/images/cnpq2.jpg">
		</a>
		<br>
		<a class="thumbnail" style="box-shadow: 1px 1px 1px border: 3px" target="blank_" href="http://http://www.parnamirim.rn.gov.br/">
		<img alt="" src="/public/images/logoprefeitura.gif">
		</a>
		</p>
		</div>
	</div>
</div>